<template>
  <div class="functionBox">   
   <table class="table table-striped bg">
           <thead>
           <tr>
               <th>camera id</th>
               <th>camera ip</th>
               <th>url</th>
               <th>status</th>
               <th>extends</th>
               <th>ai type</th>
               <th>remark</th>
           </tr>
           </thead>
           <tbody>
           <tr v-for="item in datas" :key="item.cameraId">
              <td>{{item.cameraId}}</td>
              <td>{{item.cameraIP}}</td>
              <td>{{item.uri}}</td>
              <td>{{item.status}}</td>
              <td>{{item.extends}}</td>
              <td>{{item.type}}</td>
              <td>{{item.remark}}</td>
           </tr>
           </tbody>
       </table>
  </div>
</template>
<script>
export default {
  props: {datas:Array}
};
</script>